<template>
  
  <div class="hfh" :style="{background:Color}" v-show="flag">
        
   
  </div>
</template>

<script>
export default {
    data(){
        return {
            flag:false,
            Color:"red"
        }
    },
    methods:{
        
    }
}
</script>

<style>
 .hfh{position: fixed;
 top:10px;
 left:40%;
     width: 300px;
     height: 100px;
     border-radius: 10px;
     border:2px solid khaki;
     text-align: center;
     line-height: 100px;
     color:whitesmoke
 }
</style>